import React from "react";

class OrderRecordList extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        let {shopOrderList} = this.props;
        //alert("shopOrderList-->length:" + shopOrderList.length);
        if (shopOrderList.length > 0) {
            return (
                <div>
                    <ul>
                        {
                            shopOrderList.map((item, index) => {
                                return (
                                    <li key={index}>
                                        <div className="order-record-container">
                                            <div>{item.treadTime}</div>
                                            <div>{item.statusDesc}</div>
                                            <div>{item.orderAmount}</div>
                                        </div>
                                        <hr className="base-divide-line"/>
                                    </li>
                                );
                            })
                        }
                    </ul>
                </div>
            );
        } else {
            return (
                <div className="horizontal-center">暂无可导出订单！</div>
            );
        }
    }
}

export default OrderRecordList;